<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蓝星图书-左侧导航</title>
    <!-- 图标 -->
    <link rel="shortcut icon" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico"
        type="image/x-icon" />
    <link rel="Bookmark" href="https://static.websiteonline.cn/website/template/default/images/favicon.ico" />
    
    <link rel="stylesheet" href="/css/home.css">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- Layui -->
    <script src="/layui/layui.js"></script>

</head>

<body>

    <!-- 左侧导航 -->
    <div class="layui-col-md2">
        <div class="layui-side layui-bg-black" style="margin-top: 59px;">
            <div class="layui-side-scroll">
                <ul class="layui-nav layui-nav-tree  " lay-filter="test">
                    <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                    <li class="layui-nav-item">
                        <a href="javascript:;">图书管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-this"><a href="home.html">图书列表</a></dd>
                            <dd><a href="book_type.html">图书类型</a></dd>
                            <dd><a href="supplier.html">供应商列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">订单管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="order_form.html">订单列表</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">用户管理</a>
                        <dl class="layui-nav-child">
                            <dd><a href="user_control.html">用户列表</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</body>

</html>